<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>大创中心</title>
        <link rel="stylesheet" href="__ROOT__/static/css/bootstrap.min.css">  
        <link rel="stylesheet" href="__ROOT__/static/css/public.css">
        <link rel="stylesheet" href="__ROOT__/static/css/index.css">
        <script src="__ROOT__/static/js/jquery.min.js"></script>
        <script src="__ROOT__/static/js/bootstrap.min.js"></script>
        <style>
            .daohan{
                width: 100px;
                height: 100px;
                background-color: rgba(0,0,0,0.01);
                font-size: 50px;
                margin-left: 10px;
                margin-right: 10px;
                top:50%;
                margin-top: -50px;
                border-radius: 50%;
                line-height: 100px;
                display: none;
            }
            #myCarousel:hover .daohan{
                display: block;
            }
            .daohan:hover{
                background-color: #e5e5e5;
            }
        </style>
    </head>
    <body style="background-color: #fff;">
        <header >
            <div class="container">
                <a class="logon" href=""><img src="https://demo.thinkcmf.com/themes/simplebootx/Public/assets/images/logo.png" alt=""></a>
                <ul class="nav-ul1">
                    <li class="publicBorder"><a href="">首页</a></li>
                    <li><a href="">赛事</a></li>
                    <li><a href="">问题讨论区</a></li>
                    <li><a href="">问题讨论区</a></li>
                </ul>
                <span class="login">
                    <empty name="Think.session.user">
                    <span class="login1">登录/注册</span>
                    <span class="login2 glyphicon glyphicon-user"></span>
                         <div>
                  
                            <a href="__ROOT__/Home/User/Index.html">登录</a>
                            <a href="__ROOT__/Home/User/Register.html">注册</a>
                        </div>
                    <else />  
                    <span class="login1">欢迎{$Think.session.user}</span>
                    <span class="login2 glyphicon glyphicon-user"></span>
                         <div>
                             <a href="__ROOT__/Home/User/Index.html">个人中心</a>
                             <a href="__ROOT__/Home/User/dropOut.html">退出登录</a>
                            
                        </div>
                    </empty> 
                   
                </span>
            </div>
        </header>
        <div style="height: 70px;width: 100%"></div>
        <div>
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                
                
                <ol class="carousel-indicators">
                    <volist id="vo" name="list">
                        <eq name="i" value="1">
                            <li data-target="#myCarousel" data-slide-to="{$i-1}" class="active"></li>
                        <else/>
                            <li data-target="#myCarousel" data-slide-to="{$i-1}"></li>
                        </eq>
                 </volist>
                </ol>   
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <volist id="vo" name="list">
                        <eq name="i" value="1">
                            <div class="item active">
                                <img src="{$vo.img}" alt="First slide">
                            </div>
                        
                        <else/>
                            <div class="item">
                                <img src="{$vo.img}" alt="First slide">
                            </div>
                        
                        </eq>
                   </volist>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <!-- 轮播（Carousel）导航 -->
                <a class="carousel-control left daohan" href="#myCarousel" 
                   data-slide="prev">&lsaquo;
                </a>
                <a  class="carousel-control right daohan" href="#myCarousel" 
                    data-slide="next">&rsaquo;
                </a>
            </div> 
        </div>
        <h1 class="gegefx">各个技术方向</h1>
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="fxneirong">
                        <div><img style="width: 100%" src="__ROOT__/static/images/4444444.jpg" alt=""></div>
                        <h1 class="fxbiaoti">web开发</h1>
                        <p class="jieshao">Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                    </div>
                </div>

                <div class="col-sm-6">
                    <a href="">
                        <div class="fxneirong">
                            <div><img style="width: 100%" src="__ROOT__/static/images/4444444.jpg" alt=""></div>
                            <h1>web开发</h1>
                            <p>Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6">
                    <div class="fxneirong">
                        <div><img style="width: 100%" src="__ROOT__/static/images/4444444.jpg" alt=""></div>
                        <h1 class="fxbiaoti">web开发</h1>
                        <p class="jieshao">Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                    </div>
                </div>	
            </div>
        </div>
        <h1 class="gegefx">最近比赛</h1>
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="fxneirong">
                        <div><img style="width: 100%" src="__ROOT__/static/images/5555.jpg" alt=""></div>
                        <h1 class="fxbiaoti">web开发</h1>
                        <p class="jieshao">Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                    </div>
                </div>

                <div class="col-sm-6">
                    <a href="">
                        <div class="fxneirong">
                            <div><img style="width: 100%" src="__ROOT__/static/images/4444444.jpg" alt=""></div>
                            <h1 class="fxbiaoti">web开发</h1>
                            <p class="jieshao">Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6">
                    <div class="fxneirong">
                        <div><img style="width: 100%" src="__ROOT__/static/images/4444444.jpg" alt=""></div>
                        <h1 class="fxbiaoti">web开发</h1>
                        <p class="jieshao">Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                    </div>
                </div>	

                <div class="col-sm-6">
                    <div class="fxneirong">
                        <div><img style="width: 100%" src="__ROOT__/static/images/5555.jpg" alt=""></div>
                        <h1 class="fxbiaoti">web开发</h1>
                        <p class="jieshao">Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。</p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>